<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a="http://richfaces.org/a4j"
	xmlns:a4j="http://richfaces.org/a4j"
	template="/layout/template_box.xhtml">

	<ui:define name="head">
		
		<script>
	    function mascarar(){
	      
            jQuery(".telefone").unmask().mask('9999-9999');            
            jQuery(".cep").unmask().mask('99.999-999');
            jQuery(".cpf").unmask().mask('999.999.999-99');
           
            jQuery(".rich-calendar-input").unmask().mask('99/99/9999');
        }

		jQuery(function(){
            mascarar();
		});
		function isDayEnabled(day){	
			   var data = new Date(day.date);
			   var hoje= new Date();
			   hoje.setFullYear(hoje.getFullYear()-18);
			   return data &lt;= hoje;
				   		   
			}
			function getDisabledStyle(day){
			   if (!isDayEnabled(day)) return 'rich-calendar-boundary-dates disabledDay';
			}
    </script>
		
		
	</ui:define>

	<ui:define name="MenuInterno">
		<ui:include src="/layout/menu_usuario.xhtml" />
	</ui:define>

	<ui:define name="body">

		<h2 class="t_curso">
			<h:outputText value="Cadastro de Usuário" />
		</h2>

		<div id="tamanho_div">

			<a:outputPanel id="pnlForm" ajaxRendered="true">
				<a:form id="formUsuarioHome" styleClass="form_confea">
					<s:validateAll>

						<ol>

							<li><s:div>
									<p class="tool_alerta">Os campos marcados com * são de
										preenchimento obrigatório.</p>
								</s:div></li>
							<li>
								<fieldset>
									<legend>
										<h:outputText value="Dados do Usuário" />
									</legend>
								</fieldset>
							</li>
							
							
						<li><s:decorate template="/layout/edit.xhtml" id="decoNome">
						<ui:define name="label">
							Nome
						</ui:define>
						<h:inputText id="nome" required="true" requiredMessage="O campo 'Nome' é obrigatório" styleClass="campo_full" value="#{usuarioHome.instance.nome}" />													
						
					</s:decorate></li>
					
					
						<li><s:decorate template="/layout/edit.xhtml" id="decoFone">
						<ui:define name="label">
							Telefone
						</ui:define>
						<h:inputText id="fone" required="false" requiredMessage="O campo 'Telefone' é obrigatório" styleClass="campo_full telefone" value="#{usuarioHome.instance.telefone}" />							
						
					</s:decorate></li>		
					
						<li><s:decorate template="/layout/edit.xhtml" id="decoCel">
						<ui:define name="label">
							Celular
						</ui:define>
						<h:inputText id="cel" required="false" requiredMessage="O campo 'Celular' é obrigatório" styleClass="campo_full telefone" value="#{usuarioHome.instance.celular}" />													
						
					</s:decorate></li>	
					
						<li><s:decorate template="/layout/edit.xhtml" id="decoNascimento">
						<ui:define name="label">
							Nascimento
						</ui:define>
						
						<rich:calendar id="nascimento" styleClass="campo_half data"
										value="#{usuarioHome.instance.nascimento}"
										datePattern="dd/MM/yyyy"
										disabled="false" required="false"
										rendered="true"
										requiredMessage="O campo 'Nascimento' é obrigatório."
										enableManualInput="true"
										isDayEnabled="isDayEnabled" 
										dayStyleClass="getDisabledStyle"
										locale="pt"
										style="position: static;margin-left: 150px;">
										<f:validator validatorId="DataValidator" />
									</rich:calendar>						
						
					</s:decorate></li>	
					
						<li><s:decorate template="/layout/edit.xhtml" id="decoEmail">
						<ui:define name="label">
							E-mail
						</ui:define>
						<h:inputText id="cel" required="false" requiredMessage="O campo 'E-mail' é obrigatório" styleClass="campo_full" value="#{usuarioHome.instance.email}" />																															
					</s:decorate></li>																			
					
						<li><s:decorate template="/layout/edit.xhtml" id="decoRG">
						<ui:define name="label">
							RG
						</ui:define>
						<h:inputText id="rg" required="false" requiredMessage="O campo 'RG' é obrigatório" styleClass="campo_full" value="#{usuarioHome.instance.rg}" />													
						
					</s:decorate></li>	

						<li><s:decorate template="/layout/edit.xhtml" id="decoCpf">
						<ui:define name="label">
							CPF
						</ui:define>
						<h:inputText id="cpf" required="false" requiredMessage="O campo 'CPF' é obrigatório" styleClass="campo_full cpf" value="#{usuarioHome.instance.cpf}"  converter="conversorCPF"/>													
						
					</s:decorate></li>	
					
					<li><s:decorate template="/layout/edit.xhtml" id="decoEndereco">
						<ui:define name="label">
							Endereço
						</ui:define>
						<h:inputText id="endereco" required="false" requiredMessage="O campo 'Endereço' é obrigatório" styleClass="campo_full" value="#{usuarioHome.instance.endereco}" />													
						
					</s:decorate></li>		
													
										
					<li><s:decorate template="/layout/edit.xhtml" id="decoBairro">
						<ui:define name="label">
							Bairro
						</ui:define>
						<h:inputText id="bairro" required="false" requiredMessage="O campo 'Bairro' é obrigatório" styleClass="campo_full" value="#{usuarioHome.instance.bairro}" />													
						
					</s:decorate></li>		
										
					<li><s:decorate template="/layout/edit.xhtml" id="decoCep">
						<ui:define name="label">
							CEP
						</ui:define>
						<h:inputText id="cep" required="false" requiredMessage="O campo 'CEP' é obrigatório" styleClass="campo_full cep" value="#{usuarioHome.instance.cep}" converter="conversorCEP" />													
						
					</s:decorate></li>	
					
					
					<li><s:decorate template="/layout/edit.xhtml" id="decoCidade">
						<ui:define name="label">
							Cidade
						</ui:define>
						<h:selectOneMenu
										requiredMessage="O campo 'Cidade' é obrigatório."
										required="true"
										id="cidade" styleClass="Combo"
										value="#{usuarioHome.instance.cidade}">
										<s:selectItems value="#{factories.cidades}" var="cidade"
											label="#{cidade.nome}" noSelectionLabel="Selecione" />
										<s:convertEntity />
									</h:selectOneMenu>
						
					</s:decorate></li>
					
					<li class=""><s:decorate template="/layout/edit.xhtml" id="decoSexo">
						<ui:define name="label">
							Sexo
						</ui:define>
						
						<h:selectOneRadio layout="pageDirection" id="sexo" value="#{usuarioHome.instance.sexo}" required="true" requiredMessage="O campo 'Sexo' é obrigatório">
							<s:selectItems value="#{factories.sexos}" var="sexo"
											label="#{sexo.nome}"  />
										<s:convertEnum />
						</h:selectOneRadio>						
						
					</s:decorate></li>												
							
						<li>
								<fieldset>
									<legend>
										<h:outputText value="Dados de Acesso" />
									</legend>
								</fieldset>
							</li>
							
							
					<li><s:decorate template="/layout/edit.xhtml" id="decoLogin">
						<ui:define name="label">
							Login
						</ui:define>
						<h:inputText disabled="#{usuarioHome.managed}" id="login" required="true" requiredMessage="O campo 'Login' é obrigatório" styleClass="campo_full" value="#{usuarioHome.instance.login}" />													
						
					</s:decorate></li>
							

					<li><s:decorate template="/layout/edit.xhtml" id="decoSenha" rendered="#{not usuarioHome.managed}">
						<ui:define name="label">
							Senha
						</ui:define>
						<h:inputSecret id="senha" required="true" requiredMessage="O campo 'Senha' é obrigatório" styleClass="campo_full" value="#{usuarioHome.instance.senha}" />													
						
					</s:decorate></li>
					
					<li><s:decorate template="/layout/edit.xhtml" id="decoPerfil">
						<ui:define name="label">
							Perfil
						</ui:define>
						<h:selectOneMenu
										requiredMessage="O campo 'Perfil' é obrigatório."
										required="true"
										id="perfil" styleClass="Combo"
										value="#{usuarioHome.instance.tipoUsuario}">
										<s:selectItems value="#{factories.tipoUsuarios}" var="tipo"
											label="#{tipo.nome}" noSelectionLabel="Selecione" />
										<s:convertEnum />
									</h:selectOneMenu>
						
					</s:decorate></li>

						</ol>

						<fieldset>
							<h:messages globalOnly="false" styleClass="tool_alerta" />
						</fieldset>

						<a4j:commandLink styleClass="btn" action="#{usuarioHome.salvar}" value="Salvar" reRender="pnlForm" oncomplete="mascarar()"/>

					</s:validateAll>
				</a:form>
			</a:outputPanel>
		</div>
	</ui:define>

</ui:composition>
